// Legend的文字的配置
export const handleLegend = (name) => {
  let nameStr = name;
  if (name.length > 4) {
    nameStr = name.substr(0, 4) + "...";
  }
  let arr = [nameStr];
  return arr.join(" ");
};

// Legend的文字的配置
export const handleLegend_flag1 = (name) => {
  let arr = [name];
  return arr.join(" ");
};
//饼图的颜色配置
let seriesColor = {
  normal: {
    color: function(colors) {
      var colorList = [
        "#2C6BD4",
        "#F1A329",
        "#F54932",
        "#AC11DE",
        "#12CAC4",
        "#FFA48C",
        "#297388",
        "#FEFF82",
      ];
      return colorList[colors.dataIndex];
    },
  },
};

let LegendLeft = 230;
let radius = "56%";
export const h_option = {
  title: {
    text: "按行业",
    subtext: "",
    left: "center",
    textStyle: {
      fontWeight: 400,
      color: "#CCCCCC",
      fontSize: "16px",
    },
  },
  tooltip: {
    trigger: "item",
    formatter: "{b}  ({d}%)",
    position: function(point, params, dom, rect, size) {
      var x = 0; // x坐标位置
      var y = 0; // y坐标位置
      // 当前鼠标位置
      var pointX = point[0];
      var pointY = point[1];
      // 提示框大小
      var boxWidth = size.contentSize[0];
      var boxHeight = size.contentSize[1];
      // boxWidth > pointX 说明鼠标左边放不下提示框
      if (boxWidth > pointX) {
        x = pointX + 10;
      } else {
        // 左边放的下
        x = pointX - boxWidth - 10;
      }
      // boxHeight > pointY 说明鼠标上边放不下提示框
      if (boxHeight > pointY) {
        y = 5;
      } else {
        // 上边放得下
        y = pointY - boxHeight;
      }
      return [x, y];
    },

    backgroundColor: "rgba(0,0,0,1)", // 提示框背景颜色
    textStyle: {
      fontSize: "16px",
      color: "#e6e6e6", // 设置文本颜色 默认#FFF
    },
  },
  legend: {
    type: "scroll",
    orient: "vertical",
    itemWidth: 10, // 设置图例图形的宽
    itemHeight: 10, // 设置图例图形的高
    textStyle: {
      color: "#e6e6e6", // 图例文字颜色
    },
    left: LegendLeft,
    y: "center", //图例上下居中
    formatter: handleLegend,
  },
  series: [
    {
      name: "姓名",
      type: "pie",
      radius: radius,
      center: ["35%", "50%"],
      data: [], //this.pieDate.seriesData
      itemStyle: seriesColor,
      // 设置值域的那指向线
      labelLine: {
        show: false, // show设置线是否显示，默认为true，可选值：true ¦ false
      },
      label: {
        show: false,
        position: "inner", // 设置标签位置，默认在饼状图外 可选值：'outer' ¦ 'inner（饼状图上）'
        // formatter: '{a} {b} : {c}个 ({d}%)'   设置标签显示内容 ，默认显示{b}
        // {a}指series.name  {b}指series.data的name
        // {c}指series.data的value  {d}%指这一部分占总数的百分比
        formatter: "{b}",
        color: "#e6e6e6",
      },

      emphasis: {
        itemStyle: {
          shadowBlur: 10,
          shadowOffsetX: 0,
          shadowColor: "rgba(0, 0, 0, 0.1)",
        },
      },
    },
  ],
};
export const c_option = {
  title: {
    text: "按产品",
    subtext: "",
    left: "center",
    textStyle: {
      fontWeight: 400,
      color: "#CCCCCC",
      fontSize: "16px",
    },
  },
  tooltip: {
    trigger: "item",
    // formatter: "{a} <br/>{b} : {c} ({d}%)",
    formatter: "{b}  ({d}%)",
    backgroundColor: "rgba(0,0,0,1)", // 提示框背景颜色
    textStyle: {
      fontSize: "16px",
      color: "#e6e6e6", // 设置文本颜色 默认#FFF
    },
  },
  legend: {
    type: "scroll",
    orient: "vertical",
    itemWidth: 10, // 设置图例图形的宽
    itemHeight: 10, // 设置图例图形的高
    textStyle: {
      color: "#e6e6e6", // 图例文字颜色
    },
    left: LegendLeft,
    // top:LegendTop,
    y: "center", //图例上下居中
    // bottom: 20, // data:[] ,//this.pieDate.legendData

    formatter: handleLegend,
  },
  series: [
    {
      name: "姓名",
      type: "pie",
      radius: radius,
      center: ["35%", "50%"],
      data: [], //this.pieDate.seriesData
      itemStyle: seriesColor,
      // 设置值域的那指向线
      labelLine: {
        show: false, // show设置线是否显示，默认为true，可选值：true ¦ false
      },
      label: {
        show: false,
        position: "inner", // 设置标签位置，默认在饼状图外 可选值：'outer' ¦ 'inner（饼状图上）'
        // formatter: '{a} {b} : {c}个 ({d}%)'   设置标签显示内容 ，默认显示{b}
        // {a}指series.name  {b}指series.data的name
        // {c}指series.data的value  {d}%指这一部分占总数的百分比
        formatter: "{b}",
        color: "#e6e6e6",
      },

      emphasis: {
        itemStyle: {
          shadowBlur: 10,
          shadowOffsetX: 0,
          shadowColor: "rgba(0, 0, 0, 0.1)",
        },
      },
    },
  ],
};
export const d_option = {
    title: {
      text: "按地区",
      subtext: "",
      left: "center",
      textStyle: {
        fontWeight: 400,
        color: "#CCCCCC",
        fontSize: "16px",
      },
    },
    tooltip: {
      trigger: "item",
      // formatter: "{a} <br/>{b} : {c} ({d}%)",
      formatter: "{b}  ({d}%)",
      backgroundColor: "rgba(0,0,0,1)", // 提示框背景颜色
      textStyle: {
        fontSize: "16px",
        color: "#e6e6e6", // 设置文本颜色 默认#FFF
      },
    },
    legend: {
      type: "scroll",
      orient: "vertical",
      itemWidth: 10, // 设置图例图形的宽
      itemHeight: 10, // 设置图例图形的高
      textStyle: {
        color: "#e6e6e6", // 图例文字颜色
      },
      left: LegendLeft,
      y: 'center',
      

      formatter: handleLegend,
    },
    series: [
      {
        name: "姓名",
        type: "pie",
        radius: radius,
        center: ["35%", "50%"],
        data: [], //this.pieDate.seriesData
        itemStyle: seriesColor,
        // 设置值域的那指向线
        labelLine: {
          show: false, // show设置线是否显示，默认为true，可选值：true ¦ false
        },
        label: {
          show: false,
          position: "inner", // 设置标签位置，默认在饼状图外 可选值：'outer' ¦ 'inner（饼状图上）'
          // formatter: '{a} {b} : {c}个 ({d}%)'   设置标签显示内容 ，默认显示{b}
          // {a}指series.name  {b}指series.data的name
          // {c}指series.data的value  {d}%指这一部分占总数的百分比
          formatter: "{b}",
          color: "#e6e6e6",
        },
  
        emphasis: {
          itemStyle: {
            shadowBlur: 10,
            shadowOffsetX: 0,
            shadowColor: "rgba(0, 0, 0, 0.1)",
          },
        },
      },
    ],
  };
// export const d_option = {
//   title: {
//     text: "按地区",
//     subtext: "",
//     left: "center",
//     textStyle: {
//       fontWeight: 400,
//       color: "#CCCCCC",
//       fontSize: "16px",
//     },
//   },
//   tooltip: {
//     trigger: "item",
//     // formatter: "{a} <br/>{b} : {c} ({d}%)",
//     formatter: "{b}  ({d}%)",
//     backgroundColor: "rgba(0,0,0,1)", // 提示框背景颜色
//     textStyle: {
//       fontSize: "16px",
//       color: "#e6e6e6", // 设置文本颜色 默认#FFF
//     },
//   },
//   legend: {
//     type: "scroll",
//     orient: "vertical",
//     itemWidth: 10, // 设置图例图形的宽
//     itemHeight: 10, // 设置图例图形的高
//     textStyle: {
//       color: "#e6e6e6", // 图例文字颜色
//     },
//     left: LegendLeft,
//     // top:LegendTop,
//     y: "center", //图例上下居中
//     formatter: handleLegend,
//   },
//   series: [
//     {
//       name: "姓名",
//       type: "pie",
//       radius: radius,
//       center: ["35%", "50%"],
//       data: [], //this.pieDate.seriesData
//       itemStyle: seriesColor,
//       // 设置值域的那指向线
//       labelLine: {
//         show: false, // show设置线是否显示，默认为true，可选值：true ¦ false
//       },

//       label: {
//         show: false,
//         position: "inner", // 设置标签位置，默认在饼状图外 可选值：'outer' ¦ 'inner（饼状图上）'
//         // formatter: '{a} {b} : {c}个 ({d}%)'   设置标签显示内容 ，默认显示{b}
//         // {a}指series.name  {b}指series.data的name
//         // {c}指series.data的value  {d}%指这一部分占总数的百分比
//         formatter: "{b}",
//         color: "#e6e6e6",
//       },
//       emphasis: {
//         itemStyle: {
//           shadowBlur: 10,
//           shadowOffsetX: 0,
//           shadowColor: "rgba(0, 0, 0, 0.1)",
//         },
//       },
//     },
//   ],
// };
